html {
    background: linear-gradient(#FFFFFF, #1ddbea) no-repeat fixed;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#1ddea));
    background: -o-linear-gradient(top left, #FFFFFF 0%, #1ddbea 100%);

    
}
body{
	display :block;
    width: 65%;
    margin: auto;
  background: white;
}
root { 
    display: block;
}
h1{
    margin:auto;
    padding-top: 3%;
    width: 20%;
       
}

#content {
	padding-top: 50px;
	text-align: center;
}

#menu ul {
 margin:auto;
 width: 80%;
 list-style-type:none;
 }
#menu_list li {
 float:left; /*pour IE*/
 background: #2097cf;
 }
#menu ul li a {
 display:block;
 float:left;   
 width:130px;
 background-color:#2097cf;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:12px;
 font-family: 'Swis721 Cn BT',Arial,sans-serif;
 font-size: 16px;
 color: #FFFFFF;
 transition: all 200ms ease-out 0s;
 z-index: 1000;

 }
#menu ul li a:hover {
 background-color:#1ddbea;
 /*border-color:#696969 #DCDCDC #DCDCDC #696969;*/
 border-radius: 20px 20px 20px 20px;
 margin: 3px 1px;
 padding: 9px 9px;
 } 
 
 
 #menu_categories ul {
 margin:auto;
 width: 50%;
 list-style-type:none;
 }
#menu_list_categories li {
 float:left; /*pour IE*/
 }
#menu_categories ul li a {
 display:block;
 float:left;   
 width:130px;
 color:black;
 text-align:center;
 padding:12px;
 font-family: 'Swis721 Cn BT',Arial,sans-serif;
 font-size: 16px;
 transition: all 200ms ease-out 0s;
 z-index: 1000;

 }
 
 #project_manage_display{
     display: inline-block;
 }
 
 h3{
     text-align: center;
 }
 
 #project_manage_display #project{
 	display:inline-block;
 	float: left;
 	width:200px;
 	margin : 10px;
 	border:2px solid;
 }
 
 #project{
 	display:inline-block;

 	margin : 10px;
 	border:2px solid;
 }
 
 #project_description p {
     
     width: 80%;
     margin:auto;
     text-align: center;
 }